<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			*{
				margin: 0;
				padding: 0;
			}
			#province{
				width: 100px;
				height: 30px;
				background: white;
				border: 1px solid gray;
			}
		</style>
	</head>
	<body>
		<select name="" id="province">
			<option value>请选择省份</option>
			<option value = "2">北京</option>
			<option value = "25">天津</option>
			<option value = "24">上海</option>
			<option value = "31">重庆</option>
			<option value = "130000">河北省</option>
			<option value = "140000">山西省</option>
			<option value = "150000">内蒙古自治区</option>
			<option value = "210000">辽宁省</option>
			<option value = "220000">吉林省</option>
			<option value="230000">黑龙江省</option>
			<option value="320000">江苏省</option>
			<option value="330000">浙江省</option>
			<option value="340000">安徽省</option>
			<option value="350000">福建省</option>
			<option value="360000">江西省</option>
			<option value="370000">山东省</option>
			<option value="410000">河南省</option>
			<option value="420000">湖北省</option>
			<option value="430000">湖南省</option>
			<option value="440000">广东省</option>
			<option value="450000">广西壮族自治区</option>
			<option value="460000">海南省</option>
			<option value="510000">四川省</option>
			<option value="520000">贵州省</option>
			<option value="530000">云南省</option>
			<option value="540000">西藏自治区</option>
			<option value="610000">陕西省</option>
			<option value="620000">甘肃省</option>
			<option value="630000">青海省</option>
			<option value="640000">宁夏回族自治区</option>
			<option value="650000">新疆维吾尔自治区</option>
			<option value="710000">台湾省</option>
			<option value="810000">香港特别行政区</option>
			<option value="820000">澳门特别行政区</option>
		</select>
		<select name="" id="city">
			<option value>请选择城市</option>
		</select>
		<select name="" id="star">
			<option value>请选择经销商</option>
		</select>
	</body>
	<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
	<script src="js/三级联动.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		$("#province").change(function(){
			$("#city").html("");
			$('<option value>请选择城市</option>').appendTo($("#city"));
			$("#star").html("");
			$('<option value>请选择经销商</option>').appendTo($("#star"));
			var province = $("#province").val();
			//下面的数组里面拼接的字符串是0，加上省份前面的编码，这样就能找到这个编码后面的所有城市
			var citys = data["0," + province];
			for(key in citys){
				$('<option value=' + key +  '>' + citys[key] + '</option>').appendTo($("#city"));
			}
			$("#city").change(function(){
				
				var city = $("#city").val();
			//下面的数组里面拼接的字符串是0，加上省份前面的编码，这样就能找到这个编码后面的所有城市
				var stars = data["0," + province + "," + city];
					for(key in stars){
						$('<option value=' + key +  '>' + stars[key] + '</option>').appendTo($("#star"));
					}
				});
		});
	</script>
</html>
